<section id="main-content">
  <section class="wrapper">
    <!--state overview end-->
    <div class="row">
      <div class="col-lg-12">
        <section class="panel">
          <header class="panel-heading">
            出差计划
          </header>
          <div class="panel-body">
            <input type="hidden" value="{{id}}" id="appId"/>
            <div class="bio-row">
              <p>
                <span>类型</span>{{type}}</p>
            </div>
              <div class="bio-row">
                  <p>
                      <span>出差单号</span>{{tripNum}}</p>
              </div>
            <div class="bio-row">
              <p>
                <span>申请人</span>{{userName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>所属部门</span>{{deptName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>计划开始时间</span>{{planStime | date:'yyyy-MM-dd HH:mm:ss'}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>计划结束时间</span>{{planEtime | date:'yyyy-MM-dd HH:mm:ss'}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>已审批费用</span>￥{{spMoney}}元
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>未审批费用</span>￥{{wspMoney}}元
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>实际开始时间</span>{{actualStarTime | date:'yyyy-MM-dd HH:mm:ss'}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>实际结束时间</span>{{actualEndTime | date:'yyyy-MM-dd HH:mm:ss'}}
              </p>
            </div>
          </div>
        </section>
        <section class="panel">
          <header class="panel-heading">
            出差项目
          </header>
          <div class="panel-body" ng-repeat="x in plans">
            <div class="bio-row">
              <p>
                <span>出差单号</span>{{x.tripNum}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差项目</span>{{x.projName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>随同人员</span>{{x.stUserName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>计划出差时间</span>{{x.planStarTime | date:'yyyy-MM-dd HH:mm:ss'}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>计划出差时间</span>{{x.planEndTime | date:'yyyy-MM-dd HH:mm:ss'}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差城市</span>{{x.planCity}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>状态</span>{{x.planResult}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>实际出差时间</span>{{x.actualStarTime | date:'yyyy-MM-dd HH:mm:ss'}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>实际出差时间</span>{{x.actualEndTime | date:'yyyy-MM-dd HH:mm:ss'}}
              </p>
            </div>
            <div class="bio-row line-row">
              <p>工作计划</p>
              <p>{{x.planComments}}</p>
            </div>
            <div class="bio-row line-row">
              <p>出差结果</p>
              <p>{{x.tripResult}}</p>
            </div>
            <!--<div class="bio-row">-->
              <!--<p>-->
                <!--<span>实际开始时间</span>{{x.actualStarTime | date:'yyyy-MM-dd'}}-->
              <!--</p>-->
            <!--</div>-->
            <!--<div class="bio-row">-->
              <!--<p>-->
                <!--<span>实际结束时间</span>{{x.actualEndTime | date:'yyyy-MM-dd'}}-->
              <!--</p>-->
            <!--</div>-->
            <!--<div class="bio-row line-row">-->
              <!--<p>工作结果</p>-->
              <!--<p>{{x.tripResult}}</p>-->
            <!--</div>-->
            <div class="bio-row" ng-repeat="b in x.bugetsl">
              <p>
                <span>{{b.bugetType}}</span>￥{{b.buget}}元
              </p>
            </div>
          </div>

        </section>
        <section class="panel">
            <div class="panel-body">
                <p class="default-buttons">
                    <a href="javascript:void(0);" class="button-back btn btn-info" onclick="window.history.back()">返回</a>
                    <a href="javascript:void(0);" class="button-next  btn btn-info" onclick="window.history.back()">确认</a>
                </p>
            </div>
        </section>

        <!--流程star-->
        <section>
          <a href="javascript:void(0);" class="second" id="process" onclick="shaper();">
            流程跟踪
          </a>
        </section>
        <!-- 流程跟踪展示效果 -->
        <section class="hdaper">
          <div class="panel">
            <div class="panel-heading add-heading">
              流程跟踪
              <i class="add-icon icon-remove" href="javascript:$.pageslide.close()" onclick="hdaper();"></i>
            </div>
            <div class="panel-body panel-proce">
              <div class="proce-middle" id="nodeContiner"></div>
            </div>
          </div>
          <div class="paper-bg"  onclick="clsbox();"></div>
        </section>
        <!--流程end-->
      </div>
    </div>
  </section>
</section>
<script src="js/trip/mgUserSpResult.js"></script>
<script src="js/trip/tripNodeMain.js"></script>